<template>
  <div class="TMonthPicker">
    <a-month-picker
      v-bind="$attrs"
      v-model="innerValue"
      dropdownClassName="TMonthPickerPopup"
      show-time
      v-on="$listeners"
      @change="handleChange"
    />
  </div>
</template>

<script>
import moment from "moment";
import vModelMixin from "@/mixin/v-model";

export default {
  name: "TMonthPicker",
  mixins: [vModelMixin],
  props: {
    showToday: {
      type: Boolean,
      require: false,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods: {
    moment,
    handleChange(time, timeString) {
      this.$emit("changeVal", time, timeString);
    },
    handleClose() {},
  },
};
</script>

<style lang="scss">
/* .TMonthPickerPopup {
  .ant-calendar-month-panel-month,
  .ant-calendar-month-panel-month:hover {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
  }

  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,
  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
    color: #fff;
    background: #1d7ff2;
  }
} */
</style>

<style lang="scss" scoped></style>
